<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>main</title>
    <link rel="stylesheet" th:href="@{css/main.css}">
    <link rel="shortcut icon" th:href="@{image/bitbug_favicon.ico}"/>
</head>
<body>
<!-- banner -->
<div class="banner">
    <ul>
        <li class="sys">
            <span class="icon-sys"></span>
            <span class="banner-sys">后台管理系统</span>
        </li>
        <li class="ban">
            <span class="welcome">欢迎你</span>
        </li>
        <li class="ban">
            <a href="#" class="person">个人中心</a>
        </li>
        <li class="ban">
            <a href="#" class="loginout">退出</a>
        </li>
        <li class="ban">
            <a href="#" class="index">首页</a>
        </li>
    </ul>
</div>
<div class="content">
    <!-- 左边 -->
    <div class="left-nav">
        <div class="head">
            <div class="head-icon"></div>
            <div class="head-content">Nav</div>
        </div>

        <div>
            <ul id="listUl">
                <li>
                    <span class="icon-person"></span>
                    <a href="#" id="person">个人中心</a>
                </li>
                <li>
                    <span class="icon-admin"></span>
                    <a>管理员管理</a>
                </li>
                <li>
                    <span class="icon-role"></span>
                    <a>角色管理</a>
                </li>
                <li>
                    <span class="icon-publish"></span>
                    <a>报刊发布</a>
                </li>
                <li>
                    <span class="icon-cart"></span>
                    <a>添加分类</a>
                </li>
                <li>
                    <span class="icon-put"></span>
                    <a>上架书报刊</a>
                </li>
                <li>
                    <span class="icon-stock"></span>
                    <a>库存报刊</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 右边 -->
    <div class="right">
        <div class="right-card">
            <div>
                <ul id="boxUl">
                    <li class="show">
                        <div class="title-box">
                            个人中心
                        </div>
                        <iframe align="center" width="100%" height="100%" src="http://localhost:8080/person"
                                frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
                    </li>
                    <li>
                        <div class="title-box">
                            管理员管理
                        </div>
                        <div>
                            <iframe align="center" width="100%" height="500px" src="http://localhost:8080/admin"
                                    frameborder="no" border="0" marginwidth="0" marginheight="0"
                                    scrolling="no"></iframe>

                        </div>
                    </li>
                    <li>
                        <div class="title-box">
                            角色管理
                        </div>
                        <div>
                            <iframe class="roleiframe" align="center" width="100%" height="500px" src="http://localhost:8080/role"
                                    frameborder="no" border="0" marginwidth="0" marginheight="0"
                                    scrolling="no"></iframe>
                        </div>

                    </li>
                    <li>
                        <div class="title-box">
                            报刊发布
                        </div>
                        <div>
                            <iframe align="center" width="100%" height="500px" src="http://localhost:8080/publish"
                                    frameborder="no" border="0" marginwidth="0" marginheight="0"
                                    scrolling="no"></iframe>

                        </div>
                    </li>
                    <li>
                        <div class="title-box">
                            添加分类
                        </div>
                        <div>
                            <iframe align="center" width="100%" height="500px" src="http://localhost:8080/addcart"
                                    frameborder="no" border="0" marginwidth="0" marginheight="0"
                                    scrolling="no"></iframe>

                        </div>

                    </li>
                    <li>
                        <div class="title-box">
                            上架报刊
                        </div>
                        <div>
                            <iframe align="center" width="100%" height="400px" src="http://localhost:8080/put"
                                    frameborder="no" border="0" marginwidth="0" marginheight="0"
                                    ></iframe>

                        </div>
                    </li>
                    <li>
                        <div class="title-box">
                            库存报刊
                        </div>
                        <div>
                            <iframe align="center" width="100%" height="400px" src="http://localhost:8080/stock"
                                    frameborder="no" border="0" marginwidth="0" marginheight="0"
                                    ></iframe>

                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" th:src="@{jquery-3.5.0.min.js}"></script>
<script type="text/javascript" th:src="@{js/main.js}"></script>
</body>
</html>